<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="./css/bootstrap.css">
</head>
<body>
<div class="container" style="height:50rem">
  <div class="row h-50">
    <div class="col-1">1</div>
    <div class="col">
      <div class="embed-responsive embed-responsive-4by3">
        <video src="./images/2.mp4" autoplay class="embed-responsive-item"></video>
      </div>
    </div>
    <div class="col-1">3</div>
  </div>
</div>

<!--<video src="./images/2.mp4" autoplay></video>-->

<!--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" ></script>-->
<!--<script src="https://cdn.bootcss.com/popper.js/1.11.0/umd/popper.min.js" ></script>-->
<!--<script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" ></script>-->
</body>
</html>